import { init } from 'snabbdom/init'
import { classModule } from 'snabbdom/modules/class'
import { propsModule } from 'snabbdom/modules/props'
import { styleModule } from 'snabbdom/modules/style'
import { eventListenersModule } from 'snabbdom/modules/eventlisteners'
import { h } from 'snabbdom/h' // helper function for creating vnodes

const patch = init([classModule, propsModule, styleModule, eventListenersModule])
const myVnode1 = h('a', { props: { href: 'http://www.study.com' } }, '学习')
console.log(myVnode1)

// 让虚拟节点上树
const container = document.getElementById('container')
// h函数是可以嵌套的,如果只有一个子元素，可以不适用数组，只是用一个h函数即可
const myVnode2 = h('ul', [
    h('li', 'apple'),
    h('li', 'banana'),
    h('li', [
        h('div', [
            h('p', 'banana'),
            h('p', 'banana'),
        ]),

    ]),
    h('li', 'peach')
])
patch(container, myVnode2)